<template>
	<view> 
		<view class="u-flex u-flex-between u-flex-y-center u-he-100 u-lihe-100 u-p-l-30 u-p-r-30"
			style="border-bottom: 1px solid #000;">
			<view>
				ASMR
			</view>
			<view class="u-flex u-flex-y-center ">
				<u-icon name="search" color="#ffffff" size="21"></u-icon>
				<u-icon name="qq-fill" color="#ffffff" size="21"></u-icon>
			</view>
		</view>
		<view class="u-p-30 ">
			<view class="u-flex u-flex-between u-flex-wrap">

				<view class="u-wdd-48 u-m-b-40" v-for="item in 8">
					<image src="../../static/images/pic.png" mode="" class="u-wdd-100 u-he-300 b-r-10"></image>
					<view class="u-p-t-20 u-font-13">
						混合ASMR
					</view>
				</view>


			</view>
		</view>
	</view>
</template>

<script>
	export default {

	}
</script>
<style>
	.main {
		min-height: 100vh;
		background: #282828;
	}
</style>